<section id="JYprint" style="font-family: '宋体'">
  <div class="JYpt-container">
    <div class="clearfix">
      <div class="pull-left jypt-head">
        <span class="sk">收款账号：</span>
        <div class="select-ul pt-select">
            <span class="select-name br-4 box-i-shadow">{{projectData.bankAccounts ? projectData.bankAccounts[0] : '请选择账号'}}</span>
            <ul v-if="projectData.bankAccounts">
              <li v-for="(item, index) in projectData.bankAccounts" @click="linkBank(index)">{{item}}</li>
            </ul>
        </div>
      </div>


      <div class="print-btn pull-right btn n-btn-primary js-print">打印</div>
      <div class="print-btn pull-right btn n-btn-outline mr-10 export-pdf" style="width:110px;">导出PDF</div>
    </div>

    <!-- //content -->
    <div class="pt-wrap">
      <div class="jy-wrap-head clearfix">
        <table border="0" cellpadding="0" cellspacing="0" width='100%'>
          <tr>
            <td>
              <h1 style="text-align:left; font-size:18px; margin:15px 0;font-family: '宋体';">{{projectData.companyName ? projectData.companyName : '--'}}</h1>
            </td>
            <td>
              <div style="text-align:right;"><img id="logo-image" src="http://s.1hello.cn/wbuild-saas-pc/assets/images/JYlogo.png" style="display:inline-block; height:55px;"></div>
            </td>
          </tr>
          <tr>
            <td style="text-align:left; font-size:12px; line-height:24px !important;font-family: '宋体';">项目名称：{{projectData.name ? projectData.name : '--'}}</td>
            <td style="text-align:right; font-size:12px; line-height:24px !important;font-family: '宋体';">
              日期：{{projectData.date ? projectData.date : '--'}}
            </td>
          </tr>
          <tr>
            <td style="text-align:left; font-size:12px; line-height:24px !important;font-family: '宋体';">项目法定名称：{{projectData.legalName ? projectData.legalName : '--'}}</td>
            <td style="text-align:right; font-size:12px; line-height:24px !important;font-family: '宋体';"></td>
          </tr>
          <tr>
            <td style="text-align:left; font-size:12px; line-height:24px !important;font-family: '宋体';">地址：{{projectData.addrees ? projectData.addrees : '--'}}</td>
            <td style="text-align:right; font-size:12px; line-height:24px !important;font-family: '宋体';"></td>
          </tr>
          <tr>
            <td style="text-align:left; font-size:12px; line-height:24px !important;" class="infos">
							<p style="float:left;font-family: '宋体';">单元号：</p>
							<p class="dy" style="float:left;">
								<span style="line-height:24px !important; font-size:12px;font-family: '宋体';" v-for="item in contractData.units">{{item.projectName}}-{{item.buildingName}} {{item.floorName || '--'}} {{item.unitName}} {{item.positionName}}<br/></span>
							</p>
          </td>
            <td style="text-align:right;"></td>
          </tr>
          <tr>
            <td style="text-align:left;font-size:12px; line-height:24px !important;font-family: '宋体';">建筑面积(平方米)：{{contractData.acreage ? contractData.acreage : '--'}}</td>
            <td></td>
          </tr>
          <tr>
            <td style="text-align:left;font-size:12px; line-height:24px !important;font-family: '宋体';">租户：{{contractData.zlfCompany ? contractData.zlfCompany : '--'}}</td>
            <td style="text-align:right;"></td>
          </tr>
        </table>
      </div>
      <div class="jy-wrap-content" style="margin:0;">
        <h1 style="text-align:center; font-size:18px;font-family: '宋体'; margin:0; line-height:80px;">缴费通知单</h1>
        <div class="jy-table">
          <table cellpadding="0" cellspacing="0" width='100%' style="border-top:1px solid #333;">
            <tr>
              <th class="w-4" style="border:1px solid #333;font-size:12px; font-weight:100;font-family: '宋体';">账项说明</th>
              <th class="w-1" style="border:1px solid #333;font-family: '宋体';font-weight:100;font-size:12px;">由</th>
              <th class="w-1" style="border:1px solid #333;font-family: '宋体';font-weight:100;font-size:12px;">到</th>
              <th class="w-2" style="border:1px solid #333;font-family: '宋体';font-weight:100;font-size:12px;">单价</th>
              <th class="w-2" style="border:1px solid #333;font-family: '宋体';font-weight:100;font-size:12px;">面积/数量</th>
              <th class="w-3" style="border:1px solid #333;font-family: '宋体';font-weight:100;font-size:12px;">合计</th>
            </tr>
            <tr v-for="item in amountData.expenses" v-if="item.name == '固定租金' && item.amountTPay != '0'">
              <td class="w-4" style="border:1px solid #333;font-size:12px;font-family: '宋体';">{{item.name}}</td>
              <td data-focus="true" class="w-1" style="border:1px solid #333; font-size:12px;font-family: '宋体';" contenteditable="true">{{amountData.beginTime | dateCover}}</td>
              <td data-focus="true" class="w-1" style="border:1px solid #333;font-size:12px;font-family: '宋体';" contenteditable="true">{{amountData.endTime | dateCover}}</td>
              <td data-focus="true" class="w-2" style="border:1px solid #333;font-family: '宋体';font-size:12px;" contenteditable="true">
                <span v-if="rentPriceUnit == 'D'">{{contractData.rentPrice}}元／平米／天</span>
                <span v-if="rentPriceUnit != 'D'">{{contractData.rentPrice}}元／平米／月</span>
              </td>
              <td data-focus="true" class="w-2" style="border:1px solid #333;font-family: '宋体';font-size:12px;" contenteditable="true">{{contractData.acreage}}平方米</td>
              <td class="w-3" style="border:1px solid #333;font-family: '宋体';text-align:right;padding-right:8px !important;font-size:12px;">￥{{item.amountTPay | toFixed2}}</td>
            </tr>

            <tr v-for="item in amountData.expenses" v-if="item.name !== '固定租金' && item.amountTPay != '0'">
              <td class="w-4" style="border:1px solid #333;font-size:12px;font-family: '宋体';">{{item.name}}</td>
              <td data-focus="true" class="w-1" style="border:1px solid #333;font-size:12px;font-family: '宋体';" contenteditable="true">{{amountData.beginTime | dateCover}}</td>
              <td data-focus="true" class="w-1" style="border:1px solid #333;font-size:12px;font-family: '宋体';" contenteditable="true">{{amountData.endTime | dateCover}}</td>
              <td data-focus="true" class="w-2" style="border:1px solid #333;font-family: '宋体';font-size:12px;" contenteditable="true">
                {{item.expense ? Number(item.expense).toFixed(2) +'/月' : '--'}}
              </td>
              <td data-focus="true" class="w-2" style="border:1px solid #333;font-size:12px;font-family: '宋体';" contenteditable="true">--</td>
              <td class="w-3" style="border:1px solid #333;font-size:12px;font-family: '宋体';text-align:right;padding-right:8px !important;">￥{{item.amountTPay | toFixed2}}</td>
            </tr>

            <tr class="ptd">
              <td class="w-4" style="border:1px solid #333;"></td>
              <td class="w-1" style="border:1px solid #333;"></td>
              <td class="w-1" style="border:1px solid #333;"></td>
              <td class="w-2" style="border:1px solid #333;"></td>
              <td class="w-2" style="border:1px solid #333;"></td>
              <td class="w-3" style="border:1px solid #333;"></td>
            </tr>
            <tr class="br-fff">
              <td class="w-4 bl-none"></td>
              <td class="w-1 bl-none"></td>
              <td class="w-1 bl-none"></td>
              <td class="w-2 bl-none"></td>
              <td class="w-2 bl-none" style="font-size:12px;font-family: '宋体'; text-align:right; padding-right:8px !important;">应缴总额</td>
              <td class="w-3" style="border:1px solid #333;font-size:12px;font-family: '宋体';text-align:right;padding-right:8px !important;">
                ￥{{Number(totalAmountTPay).toFixed(2)}}
              </td>
            </tr>
            <tr class="br-fff">
              <td class="w-4 bl-none"></td>
              <td class="w-1 bl-none"></td>
              <td class="w-1 bl-none"></td>
              <td class="w-2 bl-none"></td>
              <td class="w-2 bl-none" style="font-size:12px;font-family: '宋体'; text-align:right; padding-right:8px !important;">应退总额</td>
              <td class="w-3" style="border:1px solid #333;font-size:12px;font-family: '宋体';text-align:right;padding-right:8px !important;">
                ￥{{Number(totalRefundTPay).toFixed(2)}}
              </td>
            </tr>
          </table>
        </div>
      </div>
      <div class="jy-pt-bm">
        <h3 style="font-size:12px;font-family: '宋体';">请将上述款项支付至以下账户：</h3>
        <table cellpadding="0" cellspacing="0">
          <tr>
            <td style="text-align:left;font-family: '宋体'; line-height:24px !important;font-size:12px;">账户名称：<span style="margin-left:10px;"></span>{{projectData.accountNames ? projectData.accountNames[num] : '--'}}</td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:12px;">开户行：<span style="margin-left:10px;"></span>{{projectData.bankAccounts ? projectData.bankName[num] : '--'}}</td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:12px;">账号：<span style="margin-left:10px;"></span>{{projectData.bankAccounts ? projectData.bankAccounts[num] : '--'}}</td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:12px;">付款时间：<span style="margin-left:10px;"></span>{{amountData.endDate ? amountData.endDate+'之前' : '--'}}</td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:12px;">联系人：<span style="margin-left:10px;"></span>{{projectData.rpersonName ? projectData.rpersonName : '--'}}</td>
          </tr>
          <tr>
            <td style="text-align:left;font-family: '宋体';line-height:24px !important;font-size:12px;">联系电话：<span style="margin-left:10px;"></span>{{projectData.rpersonPhone ? projectData.rpersonPhone : '--'}}</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</section>

<script src="modules/bill/scripts/jyprint.js" charset="utf-8"></script>
